.diye
#diyToolbar{height:34px;z-index:100111;border-top:3px solid #0fabfc;background:#ecebeb;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.3);font-family:Arial,Helvetica,sans-serif;font-weight:bold;color:#666}.diy-touch .diye #diyToolbar.diy-toolbar-web,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview,
.diy-ui-interaction-touch .diye
#diyToolbar{height:54px}.diye #diyToolbar a,
.diye #diyToolbar a:link,
.diye #diyToolbar a:visited,
.diye #diyToolbar a:hover{text-decoration:none;font-weight:bold;color:#666}.diye #diyToolbar
.panels{width:auto;height:100%;margin:1px;position:relative}.diye #diyToolbar
.panel{height:32px;position:absolute;top:0}.diy-touch .diye #diyToolbar.diy-toolbar-web .panel,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview .panel,
.diy-ui-interaction-touch .diye #diyToolbar
.panel{height:54px}.diye #diyToolbar
.leftPanel{width:336px;left:0}.diy-ui-interaction-touch .diye  #diyToolbar
.leftPanel{width:350px}.diye #diyToolbar
.centerPanel{width:auto;left:336px;right:352px}.diye #diyToolbar
.rightPanel{width:352px;right:0}.diy-touch .diye #diyToolbar.diy-toolbar-web .rightPanel,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview .rightPanel,
.diy-ui-interaction-touch .diye #diyToolbar
.rightPanel{width:auto;min-width:352px}.diye #diyToolbar
.leftPanel{padding-left:12px}.diy-touch .diye #diyToolbar.diy-toolbar-web .leftPanel,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview .leftPanel,
.diy-ui-interaction-touch .diye #diyToolbar
.leftPanel{padding-left:18px}.diye #diyToolbar .leftPanel>div{float:left}.diye #diyToolbar .rightPanel>div{float:right}.diye #diyToolbar
.section{position:absolute;height:100%;top:0}.diye #diyToolbar
.icon{background:url('/s/diy/toolbar/img/toolbar.png') no-repeat;display:inline-block;width:28px;height:22px;margin-top:5px}.diy-touch .diye #diyToolbar.diy-toolbar-web .icon,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview .icon,
.diy-ui-interaction-touch .diye #diyToolbar
.icon{background:url('/s/diy/common/img/ui_elements_for_tablet.png') no-repeat;margin-top:0px}.diye #diyToolbar .panel
.spacer{margin:0
12px}.diy-touch .diye #diyToolbar.diy-toolbar-web .spacer,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview .spacer,
.diy-ui-interaction-touch .diye #diyToolbar
.spacer{margin:7px
18px;height:40px}.diye #diyToolbar .panel .spacer
.icon{background:none #cbced5;width:1px}.diy-touch .diye #diyToolbar.diy-toolbar-web .spacer .icon,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview .spacer .icon,
.diy-ui-interaction-touch .diye #diyToolbar .spacer
.icon{width:1px;height:40px}.diye #diyToolbar
.label{font-size:11px !important;line-height:32px !important;display:block;text-align:center}.diy-touch .diye #diyToolbar.diy-toolbar-web .label,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview .label,
.diy-ui-interaction-touch .diye #diyToolbar
.label{line-height:54px !important}.diye #diyToolbar
.toolbarCalloutPanel{position:relative;background-color:#ecebeb;border-top:3px solid #0fabfc;box-shadow:-1px 1px 5px 2px rgba(0, 0, 0, 0.3);border-radius:0 0 5px 5px}.diye #diyToolbar .toolbarCalloutPanel
.pointer{position:absolute;width:10px;height:4px;top:-7px;background:url('/s/diy/toolbar/img/toolbar.png') -114px 0 no-repeat}.diye .diye-toolbar-callout
.heading{padding-bottom:7px;margin-bottom:6px;border-bottom:2px solid #fff;margin-right:-15px}.diye #diyToolbar #previewContainer .viewLabel,
.diye #diyToolbar #previewContainer
.backLabel{float:left;margin-right:12px;cursor:default}.diye #diyToolbar #previewContainer
.viewLabel{margin-left:0}.diye #diyToolbar #previewContainer
.backLabel{cursor:pointer}.diye #diyToolbar #previewContainer .backLabel:hover{color:#0fabfc}.diye #diyToolbar #previewContainer
.webView{display:block;float:left;width:32px;cursor:pointer}.diye #diyToolbar #previewContainer .webView
.icon{background-position:-1px 0}.diye #diyToolbar #previewContainer .webView.selected .icon,
.diye #diyToolbar #previewContainer .webView:hover
.icon{background-position:-30px 0}.diy-touch .diye #diyToolbar.diy-toolbar-web #previewContainer .webView,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview #previewContainer .webView,
.diy-ui-interaction-touch .diye #diyToolbar #previewContainer
.webView{width:auto;height:54px}.diy-touch .diye #diyToolbar.diy-toolbar-web #previewContainer .webView .icon,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview #previewContainer .webView .icon,
.diy-ui-interaction-touch .diye #diyToolbar #previewContainer .webView
.icon{background-position:-360px 0px;margin:12px
0px 0px 0px;width:40px;height:30px}.diy-touch .diye #diyToolbar.diy-toolbar-web #previewContainer .webView:focus .icon,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview #previewContainer .webView:focus .icon,
.diy-ui-interaction-touch .diye #diyToolbar #previewContainer .webView:focus .icon,
.diy-touch .diye #diyToolbar.diy-toolbar-web #previewContainer .webView:hover .icon,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview #previewContainer .webView:hover .icon,
.diy-ui-interaction-touch .diye #diyToolbar #previewContainer .webView:hover
.icon{background-position:-360px 0px}.diy-touch .diye #diyToolbar.diy-toolbar-web #previewContainer .webView.selected .icon,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview #previewContainer .webView.selected .icon
.diy-ui-interaction-touch .diye #diyToolbar #previewContainer .webView.selected
.icon{background-position:-360px -60px}.diye #diyToolbar #previewContainer
.mobileView{left:117px;width:16px;cursor:pointer}.diye #diyToolbar #previewContainer .mobileView
.icon{width:16px;background-position:-58px 0}.diye #diyToolbar #previewContainer .mobileView.selected .icon,
.diye #diyToolbar #previewContainer .mobileView:hover
.icon{background-position:-73px 0}.diy-touch .diye #diyToolbar.diy-toolbar-web #previewContainer .mobileView,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview #previewContainer .mobileView,
.diy-ui-interaction-touch .diye #diyToolbar #previewContainer
.mobileView{width:auto;height:54px}.diy-touch .diye #diyToolbar.diy-toolbar-web #previewContainer .mobileView .icon,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview #previewContainer .mobileView .icon,
.diy-ui-interaction-touch .diye #diyToolbar #previewContainer .mobileView
.icon{background-position:-420px 0px;margin:12px
0px 0px 0px;width:22px;height:30px}.diy-touch .diye #diyToolbar.diy-toolbar-web #previewContainer .mobileView:focus .icon,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview #previewContainer .mobileView:focus .icon,
.diy-ui-interaction-touch .diye #diyToolbar #previewContainer .mobileView:focus .icon,
.diy-touch .diye #diyToolbar.diy-toolbar-web #previewContainer .mobileView:hover .icon,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview #previewContainer .mobileView:hover .icon,
.diy-ui-interaction-touch .diye #diyToolbar #previewContainer .mobileView:hover
.icon{background-position:-420px 0px}.diy-touch .diye #diyToolbar.diy-toolbar-web #previewContainer .mobileView.selected .icon,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview #previewContainer .mobileView.selected .icon,
.diy-ui-interaction-touch .diye #diyToolbar #previewContainer .mobileView.selected
.icon{background-position:-420px -60px}.diye #diyToolbar #administrationContainer
.logout{right:0;width:84px;cursor:pointer}.diy-touch .diye #diyToolbar.diy-toolbar-web #administrationContainer .logout span.icon,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview #administrationContainer .logout span.icon,
.diy-ui-interaction-touch .diye #diyToolbar #administrationContainer .logout
span.icon{background-position:-840px 0px;width:22px;height:26px;vertical-align:middle}.diy-touch .diye #diyToolbar.diy-toolbar-web #administrationContainer .logout span.icon:focus,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview #administrationContainer .logout span.icon:focus,
.diy-ui-interaction-touch .diye #diyToolbar #administrationContainer .logout span.icon:focus,
.diy-touch .diye #diyToolbar.diy-toolbar-web #administrationContainer .logout span.icon:hover,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview #administrationContainer .logout span.icon:hover,
.diy-ui-interaction-touch .diye #diyToolbar #administrationContainer .logout span.icon:hover{background-position:-840px -60px}.diye #diyToolbar #administrationContainer .logout:hover{color:#0fabfc}.diye #diyToolbar #administrationContainer+.spacer{margin-right:0}.diye #diyToolbar #previewContainer
.spacer{float:left}.diye #diyToolbar #previewContainer
.mobileView{float:left}.diye #diyToolbar #previewContainer .mobile-preview-button-container{display:none;float:left}.diye #diyToolbar .mobile-preview-button-container
.mobileView{margin-left:9px}.diy-touch .diye #diyToolbar.diy-toolbar-web .mobile-preview-button-container .mobileView,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview .mobile-preview-button-container .mobileView,
.diy-ui-interaction-touch .diye #diyToolbar .mobile-preview-button-container
.mobileView{margin-left:20px}.diye #diyToolbar .notificationBellContainer
.icon{width:22px;background-position:-629px 0}.diye #diyToolbar .notificationBellContainer:hover .icon,
.diye #diyToolbar .notificationBellContainer .callout-open
.icon{background-position:-652px 0}.diy-touch .diye #diyToolbar.diy-toolbar-web a.notificationBell,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview a.notificationBell,
.diy-ui-interaction-touch .diye #diyToolbar
a.notificationBell{height:54px}.diy-touch .diye #diyToolbar.diy-toolbar-web .notificationBellContainer:hover .icon,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview .notificationBellContainer:hover .icon,
.diy-ui-interaction-touch .diye #diyToolbar .notificationBellContainer:hover .icon,
.diy-touch .diye #diyToolbar.diy-toolbar-web .notificationBellContainer .icon,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview .notificationBellContainer .icon,
.diy-ui-interaction-touch .diye #diyToolbar .notificationBellContainer
.icon{background-position:-480px 0;width:30px;height:30px;margin-top:12px}.diy-touch .diye #diyToolbar.diy-toolbar-web .notificationBellContainer .unread-count,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview .notificationBellContainer .unread-count,
.diy-ui-interaction-touch .diye #diyToolbar .notificationBellContainer .unread-count{font-size:11px;line-height:14px;border-radius:12px}.diy-touch .diye #diyToolbar.diy-toolbar-web .notificationBellContainer .callout-open .icon,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview .notificationBellContainer .callout-open .icon,
.diy-ui-interaction-touch .diye #diyToolbar .notificationBellContainer .callout-open
.icon{background-position:-480px -60px}@media only screen and (max-width: 830px){.diye #diyToolbar .helpSearchContainer,
.diye #diyToolbar #administrationContainer+.spacer{display:none}}@media only screen and (max-width: 720px){.diye #diyToolbar
.centerPanel{left:180px !important;right:180px !important}}@media only screen and (min-width: 720px){.diye #diyToolbar .centerPanel .pub-prev-container{min-width:250px !important}.diye #diyToolbar
#previewContainer{min-width:100px !important}}.diye #diyToolbar .centerPanel .pub-prev-container{height:100%}.diye #diyToolbar .centerPanel .pub-prev-container .pub-prev-switch{text-align:center;line-height:32px !important}.diy-touch .diye #diyToolbar.diy-toolbar-web .centerPanel .pub-prev-container .pub-prev-switch,
.diy-touch .diye #diyToolbar.diy-toolbar-mobilePreview .centerPanel .pub-prev-container .pub-prev-switch,
.diy-ui-interaction-touch .diye #diyToolbar .centerPanel .pub-prev-container .pub-prev-switch{line-height:54px !important}.diye #diyToolbar .centerPanel .pub-prev-container .pub-prev-switch .diy-switch-label{cursor:default}.diye #diyToolbar .centerPanel .pub-prev-container .pub-prev-switch .diy-switch-label.diy-switch-label-active{color:#0fabfc}.diye #diyToolbar .centerPanel .pub-prev-tooltip{position:absolute;left:50%;margin-left:-105px;background:#f8c901;font-size:11px;padding:9px;line-height:14px;color:#666;font-weight:bold;border-radius:2px;box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 1px 0px;font-family:Arial,sans-serif;text-align:center;width:210px;box-sizing:border-box;top:46px;opacity:0;transition: .3s;pointer-events:none}.diye #diyToolbar .centerPanel .pub-prev-tooltip:after{content:'';position:absolute;top:-9px;left:50%;margin-left:-10px;width:0;height:0;border-style:solid;border-width:0 10.5px 9px 10.5px;border-color:transparent transparent #f8c901 transparent}.diye #diyToolbar .centerPanel .pp-tooltip-visible{opacity:1}